<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/commen.css">
    <!-- 主要公共样式 -->
    <link rel="stylesheet" href="./css/maincom.css">
    <!-- 引入当前样式表 -->
    <link rel="stylesheet" href="./css/shopCar.css">
    <script src="./lib/jquery-1.11.0.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <div class="container-fluid">
            <!-- 欢迎语 -->
            <div class="head-top container clearfix:after">
                <p class="fl cfff">乐购www.legou.com</p>
                <p class="fr">
                    <span class="cfff">欢迎光临乐购</span>
                    <span class="cfff">请
                        <a href="" class="cfeb80f">登录</a> <a href="" class="cfeb80f">注册</a>
                    </span>
                </p>
            </div>
        </div>
        <!-- logo 搜索  导航栏部分 -->
        <div class="head-bottom bgcfff">
            <div class="container">
                <!-- logo图片 -->
                <div class="logo fl clearfix"></div>
                <div class="fr">
                    <div class="box">
                        <!-- 搜索框 -->
                        <div class="search fl clearfix">
                            <input type="text" placeholder="请输入搜索的商品名" class="txt ">
                            <input type="button" class="btn fr">
                            <img src="./imgs/搜索.png" alt="">
                        </div>
                        <!-- 购物车 -->
                        <button class="cart cfeb80f">
                            <img src="./imgs/购物车.png" alt="">
                            购物车
                            <span class="cfff">0</span>
                        </button>
                        <!-- 订单 -->
                        <button class="order_form">
                            我的订单
                        </button>
                    </div>

                    <div class="nav">
                        <a>图书</a>
                        <a>电子书</a>
                        <a>原创文学</a>
                        <a>服装</a>
                        <a>户外运动</a>
                        <a>孕婴童</a>
                        <a>家具</a>
                        <a>创意文具</a>
                        <a>地方特产</a>
                        <a>海外购</a>
                        <a>电器城</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 主要内容 -->
    <div class="container t-center">
        <table id="shopCar">
            <!-- 头部 -->
            <tr>
                <th width="100">
                    <input type="checkbox" class="allSelect">
                    全选
                </th>
                <th width="600">商品</th>
                <th width="100">单价</th>
                <th width="300">数量</th>
                <th width="100">小计</th>
                <th width="100">操作</th>
            </tr>
            <!-- 内容 -->
            <tr class="bgcfff">
                <td>
                    <input type="checkbox" class="singleSelect">

                </td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="price">
                    41.32
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class=" reduce">-</span>
                </td>
                <td class="total">
                    41.32
                </td>
                <td>
                    <a href="#" class="del cred">删除</a>
                </td>
            </tr>
            <tr class="bgcfff">
                <td>
                    <input type="checkbox" class="singleSelect">
                </td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="price">
                    41.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class="reduce">-</span>
                </td>
                <td class="total">
                    41.00
                </td>
                <td>
                    <a href="#" class="del cred">删除</a>
                </td>
            </tr>
            <tr class="bgcfff">
                <td>
                    <input type="checkbox" class="singleSelect">

                </td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="price">
                    41.32
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class=" reduce">-</span>
                </td>
                <td class="total">
                    41.32
                </td>
                <td>
                    <a href="#" class="del cred">删除</a>
                </td>
            </tr>
            <tr class="bgcfff">
                <td>
                    <input type="checkbox" class="singleSelect">
                </td>
                <td>
                    <img src="./imgs/index08_05.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="price">
                    41.00
                </td>
                <td>
                    <span class="addNum">+</span><input type="text" class="txt" value="1"><span class="reduce">-</span>
                </td>
                <td class="total">
                    41.00
                </td>
                <td>
                    <a href="#" class="del cred">删除</a>
                </td>
            </tr>

            <!-- 尾部 -->
            <tr>
                <td>
                    <input type="checkbox" class="allSelect">
                    全选
                </td>
                <td colspan="2">删除选中商品</td>
                <td>已选择 <span class="numAll cred">0</span> 件商品</td>
                <td>
                    总价 <span class="priceAll cred">0.00</span>
                </td>
                <td>
                    <input type="button" value="去结算">
                </td>
            </tr>


        </table>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="ftop bgcfff">
            <div class="container">
                <div class="service">
                    <ul>
                        <li>
                            <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">正品保障</p>
                                <p class="c73">正品行货&nbsp;放心选购</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">满86包邮</p>
                                <p class="c73">满86&nbsp;免运费</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">售后无忧</p>
                                <p class="c73">7天无理由退货</p>
                            </div>
                        </li>
                        <li>
                            <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                            <div>
                                <p class="f-20 f-w">准时送达</p>
                                <p class="c73">收获时间由你做主</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <div class="introd fl clearfix">
                        <ul>
                            <li class="f-18 f-w">新手入门</li>
                            <li>购物流程</li>
                            <li>会员制度</li>
                            <li>订单查询</li>
                            <li>服务协议及隐私说明</li>
                            <li>网站地图</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">支付方式</li>
                            <li>货到付款</li>
                            <li>网上支付</li>
                            <li>礼品卡支付</li>
                            <li>其他支付</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">配送服务</li>
                            <li>配送进度查询</li>
                            <li>商品验货与签收</li>
                        </ul>
                        <ul>
                            <li class="f-18 f-w">相关规则</li>
                            <li>平台规则</li>
                            <li>退换货政策</li>
                            <li>发票制度</li>
                            <li>帮助中心</li>
                        </ul>
                    </div>
                    <div class="connect fr">
                        <ul>
                            <li>
                                <p class="f-w">APP更优惠</p>
                                <img src="./imgs/qryhd.png" alt="">
                            </li>
                            <li>
                                <p class="f-w">加微信查订单</p>
                                <img src="./imgs/qryhd.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="fbtm container">
            <p>沪ICP备XXXXXXXXX号|经营证照|互联网药品信息服务资格证（沪）-经营性-2017-00-06|违法和不良信息举报电话：XXX-XXXXXXXX|沪B2-XXXXXXX|</p>
            <p>沪公网安备XXXXXXXXX号|友情链接|出版物经营许可证|增值电信业务经营许可证</p>
            <ul>
                <li><img src="./imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt=""></li>
                <li><img src="./imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt=""></li>
                <li><img src="./imgs/f582260777c44b30.png" alt=""></li>
                <li><img src="./imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt=""></li>
                <li><img src="./imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt=""></li>
                <li><img src="./imgs/7b46518a9d74a1d6.jpg" alt=""></li>
            </ul>
        </div>
    </div>

    <script src="./js/shopCar.js"></script>
</body>

</html>